body {
    font-family:        verdana;
    font-size:          small;
    background-color:   #eeeeee;
}
div.left {
    position:           absolute;
    left:               2%;
    top:                5%;
    width:              93%;
    height:             90%;
}
div.summary {
    position:           absolute;
    z-index:            1;
    top:                10%;
    right:              0%;
    width:              3%;
    text-align:         center;
    opacity:            0.9;
}
div.sumbuttom {
    position:           fixed;
    height:             85%;
    width:              3%;
    background:         #99ddaa;
}
div.sumcontent {
    position:           fixed;
    height:             85%;
    width:              0%;
    right:              0%;
    background:         #ccee99;
    overflow:           auto;
}
div.header {
    position:           fixed;
    top:                5%;
    width:              93%; 
}
div.mid1 {
    position:           fixed;
    top:                10%;
    width:              93%;
    height:             85%;
}
div.footer {
    position:           fixed;
    bottom:             5%;
    width:              93%;
}
div.mid2 {
    position:           fixed;
    top:                10%;
    width:              93%;
    height:             82%;
}
div.category {
    position:           fixed;
    top:                10%;
    left:               2%;
    width:              12%; 
    float:              left;
}
div.content {
    position:           fixed;
    top:                10%;
    left:               15%;
    width:              80%; 
    height:             80%;
    background:         #cccccc;
    overflow:           auto;
}


div.panel {
    margin:             0px;
    padding:            0px;
    text-align:         center;
    background:         #c3bbee;
    border:             solid 1px #eeeeee;
    display:            none;
}
p.flip {
    margin:             0px;
    padding:            1px;
    text-align:         center;
    background:         #e5ccff;
    border:             solid 1px #eeeeee;
    font-weight:        bold; 
    color:              #fff;
}
p.catelem {
    margin:             0px;
    padding:            1px;
    text-align:         center;
    border:             solid 1px #eeeeee;
    color:              #393e89;
}


div.img {
    margin:             2px;
    border:             0;
    height:             auto;
    width:              auto;
    float:              left;
    text-align:         center;
    overflow:           hidden;
}
div.img img {
  display:              inline;
  margin:               3px;
  border:               1px solid #ffffff;
}
div.desc {
  text-align:           center;
  font-weight:          normal;
  width:                120px;
  margin:               2px;
}


ul.header {
    position:           fixed;
    width:              93%;
    list-style-type:    none;
    margin:             0;
    padding:            0;
    overflow:           hidden;
}
ul.header li {
    width:              20%;
    float:              left;
}
a.header:link,a.header:visited {
    display:            block;
    font-weight:        bold;
    color:              #FFFFFF;
    background-color:   #98bf21;
    text-align:         center;
    padding:            4px;
    text-decoration:    none;
    text-transform:     uppercase;
}
a.header:hover,a.header:active {
    background-color:   #7A991A;
}


td.thd1 {
    position:           absolute;
    width:              79%;
}
td.thd2 {
    position:           absolute;
    left:               79%;
    width:              10%;
}
td.thd3 {
    position:           absolute;
    left:               89%;
    width:              10%;
}
div.cart-produc-list {
    position:           relative;
    height:             110px;
}
td.td2 {
    position:           absolute;
    left:               110px;
    width:              79%;
}
td.td3 {
    position:           absolute;
    left:               79%;
    width:              10%;
}
td.td4 {
    position:           absolute;
    left:               89%;
    width:              10%;
}
